/* 
================================================================ 
	MENU NAGIVATION
================================================================ 
*/
/* line 7, ../scss/_navigation.scss */
body { background-color: #E7EBF2; font-family:arial; font-size:13px }
#container {width:860px; margin: 0 auto;} 
#containertop	{	width:860px; margin: 0 auto; margin-top: 50px	}

.borderclass { border:1px solid #A9B6D2; }
.item {
  width: 408px;
  margin: 10px;
  float: left;
  margin-top:10px;
  background-color:#ffffff;
  border:solid 1px #B4BBCD;
	min-height:50px;
	text-align:justify;
	word-wrap:break-word; 
}

.item_user {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #00F;
	border-bottom: solid 1px #E7EBF2;
	padding-left:10px;	
}
.item_status {
  width: 370px;
  margin: 10px;
  font-size: 15px;
  float: left;
  margin-top:0px;
  background-color:#ffffff;
  //border:solid 1px #B4BBCD;
min-height:10px;
text-align:justify;
word-wrap:break-word; 
}


.topbox
{
margin: 10px;


margin-top: 10px;
background-color: white;
border: solid 1px #B4BBCD;

}


.item div, .topbox div
{
padding:8px;	
}
.rightCorner { 
	background-image: url(../images/right.png);
    display: block;
    height: 15px;
    margin-left: 408px;
    margin-top: 8px;
    padding: 0;
    vertical-align: top;
    width: 13px;
z-index:2;

	position: absolute;
}
.leftCorner{
background-image: url(../images/left.png);
display: block;
height: 15px;
width: 13px;
margin-left: -13px;
margin-top: 8px;
position: absolute;
z-index:2;
}
#popup{ display: block; 
 width: 408px;
  float: left;
  margin-top:10px;
  background-color:#ffffff;
  border:solid 1px #A9B6D2;
  min-height:60px;
  display:none;
  position:absolute;
  margin:10px;
 }
.Popup_rightCorner
{
background-image: url("../images/right.png");
    display: block;
    height: 15px;
    margin-left: 408px;
    margin-top: 8px;
    padding: 0;
    vertical-align: top;
    width: 13px;
z-index:2;

	position: absolute;
}
 #box
{
padding:8px;	

}
#update
{
width:100%;
}

 .timeline_container{
                width: 16px;
                text-align: center;
                margin: 0 auto;
				cursor:pointer;
				    display: block;
            }
            .timeline{
                                
                margin: 0 auto;
				 background-color:#e08989;
    display: block;
    float: left;
    height: 100%;
    left: 428px;
    margin-top: 10px;
    position: absolute;
    width: 4px;
            }
            .timeline:hover{
                cursor: pointer;
				margin: 0 auto;
            }
            .timeline div.plus{
                width: 14px;
                height: 14px;
               
                position: relative;
                left: -6px;
            }
			#update_button {
background-color: #cc0000;
color: white;
font-weight: bold;
padding: 5px;
border: solid 1px #333;
margin-top: 5px;
cursor: pointer;
}
.shade{box-shadow:0px 0px 18px #000;-moz-box-shadow:0px 0px 18px #000;-webkit-box-shadow:0px 0px 18px #000}
h1{ font-family: 'Georgia',Times New Roman; }
.timeline:hover
{
cursor: none;
}
.deletebox
{
font-weight:bold;
float:right;
text-decoration:none;
margin:8px 10px 8px 10px;
color:#cc0000
}

.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}
	.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */
	
.nav { height: 42px;}
	.nav ul { list-style: none; }
	.nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
	.nav ul li:first-child{ padding-left: 0;}
	.nav ul li a { }
	.nav ul li a:hover{ text-decoration: underline;}
	
time,.time{
    font-size: 10px; color:gray; border-top: 1px solid #E7EBF2; min-width:350px; height:15px; 
}

textarea {
    resize: none;
}

#head-wrapper {
	background-color: #333;
	height:40px;
	width:100%;
	position:fixed;
	z-index:100000;
	top:0;
	left:0; 	
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

#head-bar{
	height:40px;
	width:860px;
	margin:auto;
}

.head-menu{
	width:auto;
	margin-top:10px;
	color:#CCC;
	margin-left:2%;
	margin-right:2%;
	float:left;
}

.head-font{
	color: #CCC;
	margin-top:auto;
	font-size: 18px;
	font-weight: bold;	
	font:Arial;
	cursor:pointer;
}
.head-font:hover{
	color:#FFF;	
}




#navigation {
  background: #ff6600;
  height: 35px;
  max-width: none;
  font: 1em "Roboto Condensed", sans-serif;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
/* line 13, ../scss/_navigation.scss */
#navigation ul.channels {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  height: 35px;
  padding: 0;
  overflow: hidden;
}
/* line 172, ../bower_components/foundation/scss/foundation/components/_global.scss */
#navigation ul.channels:before, #navigation ul.channels:after {
  content: " ";
  display: table;
}
/* line 173, ../bower_components/foundation/scss/foundation/components/_global.scss */
#navigation ul.channels:after {
  clear: both;
}
/* line 18, ../scss/_navigation.scss */
#navigation ul.channels li {
  display: block;
  float: left;
  list-style: none;
  height: 35px;
  line-height: 35px;
}
/* line 24, ../scss/_navigation.scss */
#navigation ul.channels li a {
  color: #fff;
  display: block;
  height: 100%;
  padding: 0 15px;
  position: relative;
}
/* line 30, ../scss/_navigation.scss */
#navigation ul.channels li a span.icon {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
/* line 35, ../scss/_navigation.scss */
#navigation ul.channels li a span.name {
  line-height: 35px;
}
/* line 38, ../scss/_navigation.scss */
#navigation ul.channels li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 45, ../scss/_navigation.scss */
#navigation ul.channels li.community a {
  background: #FFCB00;
}
/* line 48, ../scss/_navigation.scss */
#navigation ul.channels li.original a {
  background: #ED5F00;
}

@media only screen and (max-width: 37.499em) {
  /* line 57, ../scss/_navigation.scss */
  #navigation {
    font-size: 0.8em;
  }
  /* line 59, ../scss/_navigation.scss */
  #navigation ul.channels {
    max-width: 100%;
  }
  /* line 61, ../scss/_navigation.scss */
  #navigation ul.channels .name {
    font-size: 0.8em;
  }
  /* line 65, ../scss/_navigation.scss */
  #navigation ul.channels .home .name {
    display: none;
  }
}
@media only screen and (min-width: 37.5em) and (max-width: 64em) {
  /* line 76, ../scss/_navigation.scss */
  #navigation ul.channels {
    max-width: 96%;
  }
}
@media only screen and (min-width: 80.063em) {
  /* line 84, ../scss/_navigation.scss */
  #navigation ul.channels {
    max-width: 75rem;
  }
}
/* line 1, ../scss/_alert.scss */
#alert {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  background: #f1f1f1;
}
/* line 172, ../bower_components/foundation/scss/foundation/components/_global.scss */
#alert:before, #alert:after {
  content: " ";
  display: table;
}
/* line 173, ../bower_components/foundation/scss/foundation/components/_global.scss */
#alert:after {
  clear: both;
}
/* line 4, ../scss/_alert.scss */
#alert p {
  margin: 0;
  padding: 5px 20px;
  font: 0.9em "Roboto Condensed", sans-serif;
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 8, ../scss/_alert.scss */
#alert p:before {
  content: "\e717";
  margin-right: 10px;
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 24, ../scss/_alert.scss */
#alert.warning {
  background: #FFE5CF;
}
/* line 26, ../scss/_alert.scss */
#alert.warning p:before {
  content: "\e6c5";
}
/* line 30, ../scss/_alert.scss */
#alert.success {
  background: #AFDDC0;
}
/* line 32, ../scss/_alert.scss */
#alert.success p:before {
  content: "\e64c";
}
/* line 36, ../scss/_alert.scss */
#alert.error {
  background: #FFE7E7;
}
/* line 38, ../scss/_alert.scss */
#alert.error p:before {
  content: "\e64f";
}

@media only screen and (max-width: 37.499em) {
  /* line 45, ../scss/_alert.scss */
  #alert {
    display: none;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 80em) {
  /* line 51, ../scss/_alert.scss */
  #alert {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 80.063em) {
  /* line 57, ../scss/_alert.scss */
  #alert {
    max-width: 75rem;
    margin-top: 10px;
  }
}